<ion-header>
  <ion-navbar>
    <ion-title>首页123</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h2>Welcome to Ionic!{{add}}</h2>

  <ion-slides pager=true loop=true  style="height: 120px">
    <ion-slide>
      <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide>
      <img src="../../assets/img/slide1.jpeg">
    </ion-slide>
    <ion-slide>
      <h1>Slide 3</h1>
    </ion-slide>
  </ion-slides>

  <button ion-button full round=true (click)="presentActionSheet()">Full Button</button>

  <button ion-button (click)="presentToast()">提示框</button>

  <ion-item>
    <ion-label>复选框{{toppings}}</ion-label>
    <ion-select [(ngModel)]="toppings" multiple="true">
      <ion-option>星期一</ion-option>
      <ion-option>星期二</ion-option>
      <ion-option>星期三</ion-option>
      <ion-option>星期四</ion-option>
      <ion-option>星期五</ion-option>
      <ion-option>星期六</ion-option>
      <ion-option>星期日</ion-option>
    </ion-select>
  </ion-item>


  <!--时间-->
  <ion-item>
    <ion-label>时间</ion-label>
    <ion-datetime displayFormat="YYYY/DD/MM" [(ngModel)]="myDate" cancelText="取消" doneText="完成" ></ion-datetime>
  </ion-item>

  <!--拍照-->
  <!--<button ion-button full round=true (click)="canPhotograph()">拍照</button>-->

  <ion-item>
    <ion-label stacked>Phone</ion-label>
    <ion-input type="tel"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label>Toggle</ion-label>
    <ion-toggle></ion-toggle>
  </ion-item>


  <!--下拉刷新-->
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

</ion-content>
